<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>仿豆瓣</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 首页样式 -->
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="container">
        <!-- 左侧 -->
        <div class="time-left">
            <div>豆瓣时间</div>
            <div></div>
        </div>
        <!-- 左侧end -->
        <!-- 右侧 -->
        <div class="time-right">
            <div class="time-up">
                <span>热门专栏. . . . . .</span>
                <span>(<a>更多</a>)</span>
            </div>
            <div class="time-down">
                <ul class="list">
                    <li>
                        <a href="">
                            <img src="images/01.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/02.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/03.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/04.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/05.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/06.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/07.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/08.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/09.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/10.png" alt="">
                            <i>在故宫发现中国之美——5位故宫专家带你走近珍藏国宝</i>
                        </a>
                        <p>音乐专栏</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 右侧end -->
    </div>
</body>
</html>